@charset "utf-8";/* CSS Document */body{background:#fff; color: #333;}body,input,button,select,textarea{font:14px '微软雅黑','宋体',Helvetica,Arial,Tahoma,'SimSun',sans-serif;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}*{white-space:normal;}th{text-align:left; font-weight:400;}.clearfix:after{clear:both; display:block; content:""; visibility:hidden; height:0;}.clearfix{zoom:1;}img{border:none; vertical-align:middle; height: auto;}button, input, select, textarea{vertical-align:middle;}a{text-decoration:none; color:#333; outline:none;}a:hover{text-decoration:none; color:#e50110;}li{list-style:none;}h1{font-size:4rem;}h2{font-size:14px;}h3{font-size:12px;}h4, h5, h6{font-size:100%;}.none{display:none;}.gaodu{height:12px;}label{cursor:pointer;}.left{float:left;}.right{float:right;}.yahei{font-family:'microsoft yahei';}.english{ font-family:Arial, Helvetica, sans-serif;}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}.f30{font-size:30px}.f36{font-size:36px}.f42{font-size:42px}.fb{font-weight:bold}.fn{font-weight:normal}.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}.black{color:black;}.gray{ color:#333;}.gray3c{ color:#ccc;}.gray36{ color:#666;}.gray38{ color:#888;}.gray98{color: #989898;}.blue{ color:#349bfc;}.orange{ color:#f35f34;}.red{ color:#cd0f1e;}.green{ color:#28A74C;}.white{ color:#fff;}.yellow{color: #faad00;}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px;}.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}
.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb50{padding-bottom:50px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}
.pl50{padding-left:50px;}.text_center{text-align: center;}.gray_bg{background: #f2f3f5;}.white_bg{background: white;}
.red_bg{background: #cf594d;}



@media screen and (max-width: 768px) {
	.shou_no{display: none;}
}
.topnav_bg{background: url(/images/ynav.png) repeat-x center top;}
.top_bg{ height: 60px;}
.top_logo{padding: 0.2rem 0 0rem 0.2rem;}
.top_right{text-align: right;}
.top_dian{color: #ffe9b5; font-size: 1.5rem; padding: 1.5rem 0;}

.top_she a{display: inline-block; padding: 3.5rem 0.9375rem;}
.top_she a:last-child{background: none;}
.top_she_01{position: relative;}
.top_she_02{position: absolute; top: 6rem; right: -40px; z-index: 999999; width: 0; height: 0;}
.top_she_01:hover .top_she_02{transition: all 0.3s; width: 158px; height: 158px;}


.nav_sx{}
.nav_bg ul li{float: left; width: 12%; padding: 0.5rem 0;}
.nav_bg ul li a{display: inline-block; width: 6rem;overflow:hidden; height: 2.5rem; line-height: 1.125rem; color: #fff;text-align: center; font-size: 1.125rem;}
.nav_bg ul li a:hover,.nav_bg ul .active a{transition: all 0.3s;}

.nav_xx{}
.banner01{position: absolute; left: 0; bottom: 0;}
.banner02{position: absolute; right: 0; bottom: 0;}
.banner03{position: absolute; left: 50%; bottom: 0; margin-left: -3.125rem;}
.banner04 .carousel-control-prev,.banner04 .carousel-control-next{opacity: 1;}
.banner04 .carousel-control-prev-icon{background: url(../images/jianz.png) no-repeat; width: 3.5rem; height: 3.5rem;}
.banner04 .carousel-control-next-icon{background: url(../images/jiany.png) no-repeat; width: 3.5rem; height: 3.5rem;}

@media screen and (max-width: 768px) {
	.nav_bg ul{padding-top: 1rem;}
	.nav_bg ul li{width: 25%; padding:0;}
	.nav_bg ul li a{width: auto; display: block; background-size: 90% !important; background-position: center;}
	.nav_bg{background: url(../images/nav4.png) repeat;}
	.banner01,.banner02{width: 15vw;}
	.banner04 .carousel-control-prev-icon,.banner04 .carousel-control-next-icon{width: 10vw; height: 10vw; background-size: 90%;}
	.top_logo{text-align:left;}
	.top_logo img{width: 40vw;}
	.nav_xx{overflow-x: scroll;}
	.nav_bg ul{width: 37.5rem;}
	.nav_bg ul li{width: 20%;}
	.videos{width: 96% !important; margin-left: 2% !important; border:0px solid #080808 !important; left:2% !important; }
	#video{max-width: 96% !important;}
}
@media screen and (min-width: 1300px) {
	.nav_bg ul{margin-right: -5rem;}
	.nav_bg ul li{width: auto; margin-right: 3rem;}
}
.centerbg{background: url(../images/bg.jpg) center top; }
.brand05{background: url(/images/sp.jpg) center top; padding-bottom: 2.9rem;}
.brand08{position: relative;padding-top:200px;}
.index_tit{padding: 3.125rem 0 2.5rem 0;}
.index_tit2{position: absolute;  text-align:center; top: 50px; left: 0;right: 0;}

.index_tit4{position: absolute;  text-align:center; top: 30px; left: 0;right: 0;z-index:1000px;}

.brand07{position: relative; padding-bottom: 0rem;}
.brand07 .col-md-6{position: relative;}
.img-fluid22{width:100%;margin:0 auto;padding-top:230px;text-align:center;}
.img-fluid22 img{text-align:center;transition: all 1s;}

.kou02{margin-top: 0.8125rem; padding: 0 0;}
.kou02 img{transition: all 1s;}
.kou02:hover img{}
.block_in:hover{transition: all 1s; transform: scale(1.05);}
.gmc_jj:hover{transition: all 1s; transform: scale(1.05);}
.kou03{position: absolute; top: 3rem; left: 11rem; right: 0;padding: 3.75rem;}
.kou03 h2{color: #ffecc3; font-size: 1.5rem; font-weight: normal; line-height: 2.5rem;}
.kou03 p{color: #ffecc3; font-size: 1.15rem;line-height:1.8rem;margin-top:1rem;}

.carousel-inner22{background: url(../images/xwbg.jpg) no-repeat;overflow:hidden;padding-bottom: 5rem;}
.carousel-item2{width:30%;float:left;margin-right:1%;margin-left:2%;margin-top:5rem;overflow:hidden;}
.carousel-item2 img{width:100%;transition: all 1s;}
.carousel-item2:hover img{transition: all 1s; transform: scale(1.08);}


.carousel-caption2 span{line-height:2.2rem;color:#000;font-size:16px;}
.carousel-caption2 h2{line-height:1.5rem;color:#000;height:1.5rem;font-weight:bold;overflow:hidden;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:20px;}
.carousel-caption2 p{border-top:1px solid #c1c1c1;font-size:14px;color:#000;margin-top:1rem;padding-top:0.8rem;line-height:1.4rem;}

.gengdo{text-align:center;padding-top:3rem;}

#brand_bo .carousel-control-prev-icon{background: url(../images/brand05.png) no-repeat;}
#brand_bo .carousel-control-next-icon{background: url(../images/brand06.png) no-repeat;}
#brand_bo .carousel-control-prev-icon,#brand_bo .carousel-control-next-icon{width: 1.8125rem; height: 3.5rem;}
#brand_bo a{opacity: 1;}
#brand_bo .carousel-control-prev{left: -7.1875rem;}
#brand_bo .carousel-control-next{right: -7.1875rem;}
#brand_bo .carousel-indicators{margin: 0; left: 50%; justify-content: left; margin-left: 4.375rem; bottom: 4.375rem;}
#brand_bo .carousel-indicators li{opacity: 1; background: url(../images/brand03.png) no-repeat; width: 0.875rem; height: 0.875rem;}
#brand_bo .carousel-indicators .active{background: url(../images/brand04.png) no-repeat;}

@media screen and (max-width: 768px) {
	.index_tit img{width: 60vw;}
	.gm_timg{width: 60vw;}
	#brand_bo .carousel-control-prev{left: 0;}
	#brand_bo .carousel-control-next{right: 0;}
	#brand_bo .carousel-control-prev-icon,#brand_bo .carousel-control-next-icon{width: 0.9375rem; height: 1.8125rem; background-size: 90%;}
	#brand_bo .carousel-indicators{margin-left: 1.125rem; bottom: 0.625rem;}
	.brand07 .col-md-6{min-height: 10rem; margin-bottom: 3.125rem;}
	.brand07 .col-md-6:last-child{margin-bottom: 0;}
	.kou03{position: absolute; top: 3rem; left: 5rem; right: 0;padding: 3.75rem;}
.kou03 h2{color: #ffecc3; font-size: 1rem; font-weight: normal; line-height: 2.5rem;}
.kou03 p{display:none;}
.carousel-item2{width:100%;float:left;margin-right:1%;margin-left:2%;margin-top:2rem;overflow:hidden;}
.carousel-inner22{background:none;overflow:hidden;padding-bottom: 5rem;}
}

#xin01 .carousel-item img{width: 50%; float: right; height: auto;}
#xin01 .carousel-caption{float: left; width: 50%; text-align: left; background: url(../images/xin01.jpg) no-repeat; left: 0; right: 0; bottom: 0; top: 0;}
#xin01 .carousel-caption h2{color: #d6bb92; font-size: 1rem; padding: 0 2.5rem; background: url(../images/xin03.png) no-repeat 2.5rem top; position: relative;}
#xin01 .carousel-caption h2 b{font-size: 1.875rem; font-weight: normal;}
#xin01 .carousel-caption h2 .xin01_1{position: absolute; top: 0; left: 2.5rem;}
#xin01 .carousel-caption h2 .xin01_2{margin:1.25rem 0 0 1.875rem; display: inline-block;}
#xin01 .carousel-caption h3{color: #ffe2be; font-size: 1.5rem; padding: 1.875rem 2.5rem 1.25rem 2.5rem;}
#xin01 .carousel-caption p{color: #efefef; font-size: 1rem; line-height: 1.875rem; padding: 0 2.5rem;}
#xin01 .carousel-indicators{margin: 0; justify-content: left; left: 3.2rem; bottom: 3rem;}
#xin01 .carousel-indicators li{opacity: 1; background: url(../images/brand03.png) no-repeat; width: 0.875rem; height: 0.875rem;}
#xin01 .carousel-indicators .active{background: url(../images/brand04.png) no-repeat;}

@media screen and (max-width: 768px) {
	#xin01 .carousel-item img,#xin01 .carousel-caption{float: inherit; width: 100%;}
	#xin01 .carousel-caption{position: inherit;}
	#xin01 .carousel-indicators{bottom: 0; justify-content: center; left: 0;}
	#xin01 .carousel-caption h3{font-size: 1.125rem; padding: 1rem 2.5rem;}
	#xin01 .carousel-caption p{font-size: 0.875rem; line-height: 1.5rem;}
}

footer{font-size: 1rem; padding: 2.5rem 0;}
.footer01 a{display: inline-block; border-right: 0.0625rem dashed #dcbb9d; padding-right: 0.75rem; margin-right: 0.625rem;}
.footer01{padding-bottom: 0.25rem;}
.footer01 a:last-child{border: none;}
.footer02{text-align: right;float:right;}
.footer03{color: #e60010; font-size: 1.5rem; padding-bottom: 1.875rem;}
.footer04 a{display: inline-block; position: relative;}

.footer01_1{padding-top: 0.975rem;}
.footer05{width:100px;float:right;text-align:center;color:#000;margin-left:2rem;}
.footer05 img{width:100%;text-align:center;margin-bottom:5px;}

.BackTop{position: fixed; right: 1%; bottom: 5rem; z-index: 9999;}

.dede_pages {margin:20px auto;height:30px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;background:#f0f0f0;border-radius: 15px;height:28px; line-height:28px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;display:block;border-radius: 15px;background:#cb0e1c;color:#fff;}
.dede_pages ul li.active{background:#cb0e1c;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;}


@media screen and (max-width: 768px) {
	.BackTop{width: 2.5rem; height: 2.5rem; bottom: 1.25rem;}
	.footer01_1{padding: 0; font-size: 0.875rem;}
	.footer02{text-align: left; padding-top: 0.625rem;}
	.footer03{padding-bottom: 0;}
	.footer04 img{margin: 0 0.625rem 0 0;}
	.footer01{padding-bottom: 0.625rem; font-size: 0.875rem;}
	.footer05 .footer05_1{right: auto; left: 0;}
	.footer05{text-align: left;float:left;}
}


.inside_bg{ border-bottom: 0.125rem solid #df1717;}
.inside_nav_bg{border-bottom: 1px solid #f5f5f5; line-height: 4.375rem; background: white;}
.inside_nav01{color: #d1d1d1;}
.inside_nav01 a{color: #666; display: inline-block;}
.inside_nav01 a:hover{color: #cd0f1e; transition: all 0.3s;}
.inside_nav01 b{margin-left: 1.25rem;}

.inside_nav02{text-align: right;}
.inside_nav02 a{display: inline-block; font-size: 1rem; color: black; margin-left: 3.75rem;}
.inside_nav02 a:hover,.inside_nav02 a.active{color: #cd0f1e; border-bottom: 0.0625rem solid #cd0f1e; background: url(../images/inside01.png) no-repeat center bottom;}
@media screen and (max-width: 768px) {
	.inside_nav_bg{line-height: 2.25rem;}
	.inside_nav02{text-align: left;}
	.inside_nav02 a{margin: 0 0.625rem 0 0;}
}

.pinpai01{color: #cd0f1e; font-size: 1.875rem; font-weight: bold; text-align: center; padding-top: 3.125rem;}
.pinpai02{font-size: 1.5rem; padding: 3.75rem 0 1.25rem 0;}
.pinpai03{line-height: 1.5rem; line-height: 1.875rem; font-size: 1rem;}
.pinpai04{font-size: 1rem; color: black; line-height: 1.875rem;}
.pinpai04_1{display: flex; align-items: center; padding: 0 1.875rem;}
.pinpai05{text-align: center; font-size: 1.5rem; color: black; padding: 4.375rem 0;}

.lishi01{margin-top: 4.375rem; background: url(../images/lishi16_1.png) repeat-y center 64px;}
.lishi01_1{background: url(../images/lishi16.png) no-repeat center top; position: relative;}
.lishi01_2{position: absolute; bottom: -24px; left: 50%; margin-left: -24px; cursor: pointer; box-shadow: 0 0 1.25rem rgba(0,0,0,.14); border-radius: 100%;}
.lishi02{border-radius: 0.625rem; padding: 20px; display: flex; align-items: center; position: relative; background: white; box-shadow: 0 0 10px rgba(0,0,0,.12); height: 155px;}
.lishi02::after{
	position: absolute;
	display: inline-block;
	top: 55px;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
	border-width: 8px;
	border-color: #fff #fff transparent transparent;
	box-shadow: 2px -2px 3px rgba(0,0,0,.05);
}
.lishi01 .col-md-6:nth-child(odd) .lishi02{margin-right: 30px;}
.lishi01 .col-md-6:nth-child(even) .lishi02{margin-left: 30px;}
.lishi01 .col-md-6:nth-child(odd) .lishi02::after{
	right: -8px;
	transform: rotate(45deg);
}
.lishi01 .col-md-6:nth-child(even) .lishi02::after{
	left: -8px;
	transform: rotate(-135deg);
}
.lishi01 .col-md-6:hover .lishi02{transition: all 0.3s; background: #f7f7f7; box-shadow: 0 0 1.25rem rgba(0,0,0,.2);}
.lishi01 .col-md-6:hover .lishi02::after{transition: all 0.3s; border-color: #f7f7f7 #f7f7f7 transparent transparent;}
.lishi02_1{width: 20%;}
.lishi02_1 img{border-radius: 100%;}
.lishi02_2{font-size: 1rem; font-style: italic; padding: 0 1%; width: 87%; text-align: left;}
.lishi03{padding: 2.8rem 0 0 2.5rem; color: #e61717; font-size: 28px; font-weight: bold; font-style: italic;}
.lishi03 span{font-size: 18px; margin-left: -6px;}
.lishi04 .lishi03{padding: 2.8rem 2.5rem 0 0; text-align: right;}
.lishi04 .lishi02_1{width: 30%; text-align: right;}
.lishi04 .lishi02_2{width: 80%; text-align: left;}

.yanfa{margin-top: 3.75rem; padding-top: 2.375rem;}
.yanfa div{height: 21.4375rem; width: 38.75rem; padding: 2.5rem;}
.yanfa div h2{color: #de1a1a; font-size: 1.5rem; font-weight: bold; padding-bottom: 1rem;}
.yanfa div ul li{line-height: 2.5rem; font-size: 1rem; background: url(../images/yanfa07.png) no-repeat left center; padding-left: 1rem;}
.yanfa01{background: url(../images/yanfa01.png) no-repeat left top; min-height: 26.25rem;}
.yanfa01_1{background: url(../images/yanfa04.png) no-repeat; float: right;}
.yanfa02{background: url(../images/yanfa02.png) no-repeat right top; min-height: 26.25rem;}
.yanfa02_1{background: url(../images/yanfa06.png) no-repeat;}
.yanfa03{background: url(../images/yanfa03.png) no-repeat left top; min-height: 26.25rem;}
.yanfa03_1{background: url(../images/yanfa06.png) no-repeat; float: right;}

@media screen and (max-width: 768px) {
	.yanfa div{width: 90vw; padding: 0.625rem;}
}

.contact01{background: white; border: 0.0625rem solid #f4f4f4; margin-top: 2.5rem;}
.contact02{padding: 3.125rem 3.125rem 3.125rem 1.25rem;}
.contact02 h2{font-size: 1.25rem; color: #d00f1e; border-bottom: 0.0625rem solid #e7e7e7; line-height: 3.125rem; margin-bottom: 1.25rem;}
.contact02 p{font-size: 1rem; color: #333; line-height: 1.875rem;}

.contact03{height: 4.125rem; position: relative; line-height: 4.125rem; border: 0.0625rem solid #fecbcb; margin-bottom: 1.875rem;}
.contact03 span,.contact05 span{display: inline-block; width: 12%; text-align: center; float: left;}
.contact03 input{width:80%; float: left; line-height: 4.125rem; height: 4rem; border: none; padding: 0 0.625rem;}
.contact03 label.error{position: absolute; left: 3.4375rem; top: 4.3125rem; color: #e61717; line-height: 1.5rem;}
.contact05{border: 0.0625rem solid #fecbcb; margin-bottom: 1.875rem;}
.contact05 textarea{width: 93%; border: none; padding: 0.625rem;}
.contact05 span{width: 7%; line-height: 2.5rem;}
.contact04{margin-bottom: 3.125rem;}
.contact04 a{padding: 0.875rem 2.5rem; border-radius: 3.125rem; background: #de1d1c; color: white; box-shadow: 7px 0 20px rgba(222,29,28,.1);}
.contact04 a:hover{color: white;}

@media screen and (max-width: 768px) {
	.contact05 span,.contact05 textarea{width: 100%; text-align: left;}
	.contact05 span{padding-left: 0.625rem;}
}

.news01{background: #f8f8f8; margin: 1.875rem 0;}
.news02 .news03{width: 60%; float: left;}
.news02 .carousel-caption{width: 40%; float: right; position: inherit; color: #333; left: 0; right: 0; bottom: 0; text-align: left; padding: 3.125rem;}
.news_time h2{display: inline-block; float: left; font-size: 4.75rem; color: #cecccc; border-bottom: 0.25rem solid #dc0115;}
.news_time h3{display: inline-block; float: left; font-size: 1.125rem; color: #cecccc; padding-top: 2.25rem; padding-left: 1rem;}
.news02_1{font-size: 1.5rem; font-weight: bold; padding: 2.25rem 0 1.5rem 0;}
.news02_1 a{color: #dc0115;}
.news02_2{font-size: 1rem; line-height: 1.5rem;}
.news01 .carousel-indicators{margin: 0; display: inline-block; width: 40%; float: right; left: auto; padding-left: 3.125rem; padding-bottom: 2.5rem;}
.news01 .carousel-indicators li{opacity: 1; background: #e0e0e0; display: inline-block; width: 0.5625rem; height: 0.5625rem; border-top: none; border-bottom: none; border-radius: 100%;}
.news01 .carousel-indicators li.active{background: #dc0115;}
.news01 .carousel-indicators a.right{padding-right: 2.5rem; color: #818181; text-transform: uppercase;}

@media screen and (max-width: 768px) {
	.news02 .news03,.news02 .carousel-caption,.news01 .carousel-indicators{width: 100%;}
	.news01 .carousel-indicators{padding-bottom: 1.25rem;}
}

.news04 h2 a{color: #333; line-height: 1.5rem; margin: 0.9375rem 0; font-size: 1.125rem; font-weight: bold; display: block; height: 3.125rem; overflow: hidden;}
.news04 h2 a:hover{color: #dc0115;}
.news04 p{color: #acacac; font-size: 1rem;}
.news04 h3{color: black; padding: 0.625rem 0; line-height: 1.5rem; height: 4rem; overflow: hidden;}
.news04 .news_m{display: inline-block; padding: 0.625rem 0; width: 7.5rem; border: 1px solid #cb0e1c; color: #cb0e1c; border-radius: 1.875rem; text-align: center;}
.news04 .news_m img{display: none; margin-left: 0.625rem;}
.news04 .news_m:hover{background: #cb0e1c; color: white; transition: all 0.3s;}
.news04 .news_m:hover img{display: inline-block;}
.news04 .col-md-4 a{display: block; overflow: hidden;}
.news04 .col-md-4 a img{transition: all 1s;}
.news04 .col-md-4:hover a img{transition: all 1s; transform: scale(1.05);}

.news05 i{display: inline-block; cursor: pointer; width: 2.5rem; height: 2.5rem; border-radius: 100%; line-height: 2.5rem; background: #f1f1f1;}
.news05 i:hover{background: #e61717; transition: all 0.3s; box-shadow: 0 0.375rem 0.625rem rgba(230,23,23,.5);}
.news05 i .yema02{display: none;}
.news05 i:hover .yema02{display: inline-block;}
.news05 i:hover .yema01{display: none;}
.news05 .yema_r .yema01,.news05 .yema_l .yema02{transform: scaleX(-1);}
.news05 a{line-height: 2.5rem; color: #9e9e9e; font-weight: bold; width: 1.375rem; display: inline-block; text-align: center; font-size: 1.125rem;}
.news05 a:hover{color: #e61717; transition: all 0.3s;}
.con{line-height: 1.875rem;}

.news_xx01{transform: scaleY(-1);}
.news_xx02 a{display: inline-block; border: 1px solid #f0f0f0; border-radius: 1.875rem; width: 7.875rem; line-height: 2.625rem; text-align: center;}
.video01{position: relative;}
.video01 h2{position: absolute; left: 3.75rem; bottom: 1.875rem; color: white; font-size: 1.5rem; line-height: 2.5rem;}
.video01 h2 span{font-size: 1.125rem; display: block;}
.video01 video{max-height: 36.4375rem;}

.video02 .col-md-4 h2 a{font-size: 1.125rem; line-height: 3.125rem;}
.video02 .col-md-4 h2 a:hover{color: #de1a1a;}
.video02 .col-md-4 p{color: #666; font-size: 1rem;}
.index_video{text-align:center;padding-bottom:80px;}
.index_video video{max-width: 823px;margin:0 auto;text-align:center;max-height: 31.4375rem;}

#platform span.BMap_Marker{display: none;}
.banner-center{position: relative;max-width: 1920px;margin: 0 auto;}
.banner-bg{background: url(../images/bannerbg01.jpg) repeat-x center;}
.news-dimg img{ max-width: 100%;}




.menu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
	padding-bottom:0px;
  display: flex;  z-index: 888888;
  justify-content: center;
}
.menu * {
  box-sizing: border-box;
}
.menu .center {
  width: 1150px;
}
.menu .ul-list {
  display: flex;  z-index: 88888;
}
.menu .ul-list > li {
  flex: 1;

  position: relative;
}
.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
display: inline-block; width: 6rem;overflow:hidden; height: 4.2rem;line-height:3rem; color: #fff;text-align: center; font-size: 1.125rem;

  text-decoration: none;
  color: #fff;
}

.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ul-list > li:hover a,.menu .ul-list > li.active a  {
 color: #ffd584;background: url(../images/dhli.png) no-repeat center top;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 4.4rem;
  left: -20px;
  z-index: 999999;
  width: 100%;
}
.menu .ul-list > li .ol-list > li > a {
  font-size: 16px;
  text-decoration: none;
  color: #ffd584;
  height: 41px;
  display: flex;
  align-items: center;
	background: url(../images/xl.png) no-repeat center center;
  justify-content: center;
}
.menu .ol-list > li > a:hover {

}


.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px;display:none;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:110px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin:0 5%;position:relative;line-height:40px;font-size:14px; width: 90%;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


@media screen and (max-width: 768px) {
.sp_nav{display:block;}
.nav_bg2{display:none;}
.top_logo{width:80%;float:left;}
.gmc_left{ float: none; width: 100% !important;}

.gmc_right{ float: none; width: 100% !important;}


}



.gmc_rongyu1{ margin: 30px -15px; overflow: hidden;}
.gmc_rongyu1 h6{ width:100%;}
.gmc_rongyu1 h6 img{ max-width: 100%; height: auto;}
.gmc_rongyu1 h2{ font-size: 16px; text-align: center; font-weight: 100;}
.gmc_rongyu1 h2 a{font-size: 16px;  font-weight: 100;}



.gmc_left{ float: left; width: 50%;}

.gmc_right{ float: right; width: 50%;}


@media screen and (max-width:1200px) {
.pc{ display: none;}
.wap{}
.gmc_youshi{ width: 100%;}
.gmc_youshi ul img{ max-width: 100%;}
.gmc_youshi ul li{ padding: 50px 10px;}
.gmc_youshi ul li img{ margin-bottom: 30px;}
.gmc_youshi ul li p{ line-height: 30px; color: #fff;}
}
@media screen and (min-width:1200px) {
.wap{ display: none;}


.wap{}
}


.index_video{
	background: url(/images/bg2.png) no-repeat center 65px;
	background-size: contain;
	padding-top: 261px;
	padding-bottom: 115px;
}


.topnav:after{
	content: "";
	display: table;
	clear: both;
}
.topnav{
	background: url(/images/nav.png) no-repeat center center;
	background-size: cover;
	position: fixed;
	width: 100%;
	z-index: 5555;
	left: 0;
	top: 0;
}
.topnav .logo{
	float: left;
}
.topnav .logo img{
	height: 69px;
	margin-top: 5px;
}
.topnav .right{
	float: right;
}
.topnav .right>ul{
	
}
.topnav .right>ul>li{
	float: left;
	position: relative;
	margin-left: 34px;
	width: 104px;
	text-align: center;
	margin-left: 0;
}
.topnav .right>ul>li>a{
	display: block;
	line-height:80px;
	color: #fff;
	font-size: 16px;
}

.topnav .right>ul>li:hover>a,.topnav .right>ul>li.active>a {
    color: #ffd584;
    background: url(../images/dhli.png) no-repeat center bottom;
    background-size: 100%;
}



.topnav .right>ul>li>ol{
	
}
.topnav .right>ul>li:hover>ol{
	display:block;
}
.topnav .right>ul>li>ol{
	position: absolute;
	top: 80px;
	width: 100%;
	text-align: center;
	z-index: 444;
	position: absolute;
	left: -11px;
	z-index: 999999;
	width: 125px;
	display: none;
}
.topnav .right>ul>li>ol li{
	
}
.topnav .right>ul>li>ol li a{
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #ffd584;
	height: 41px;
	display: flex;
	align-items: center;
	background: url(../images/xl.png) no-repeat center center;
	justify-content: center;
}


.topnav{
	display: block;
}
.topnav_bg{
	display: none;
}

body{
	padding-top: 80px;
}




.block_02{/*background: url(../images/index_bg.jpg) no-repeat center 0;*/background: url(../images/index_bg.jpg) no-repeat  center top/cover fixed;/* padding-bottom: 100px; *//* min-height:560px; */padding-top: 300px;zoom: 1;overflow: hidden;}
.ie8 .block_02,.ie7 .block_02{background: url(../images/index_bg.jpg) no-repeat center 0;}
.block_02 .wrap{overflow: hidden;}
.block_02 .left{width: 200px;position: relative; margin-right: -200px;z-index: 9; float: left;}
.block_02 .left h3{ margin-top: 20px; margin-bottom: 20px; margin-left: 0px; font-weight: bold;font-size: 25px;}
.block_02 .left h3 a{margin-left: 0px; font-weight: bold;}
.block_02 .left a{color: #515151;display: inline-block; position: relative; font-size: 25px; margin-left: 10px;}
.block_02 .left a em{display: block; width:0; height: 2px; background: #af2b2b; position: absolute; bottom: -10px; left:50%;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.block_02 .left li{ margin-bottom: 10px;}
.block_02 .left li a:hover{color: #b02b2b;}
.block_02 .left li a:hover em{color: #b02b2b; width: 100%; left: 0;}
.block_02 .left li.on a{color: #b02b2b;}
.block_02 .left li.on a em{color: #b02b2b; width: 100%; left: 0;}

.block_02 .right{width: 100%; float: left;}
.block_02 .right .index_gk{margin-left: 200px;}



.index_gkcont dt img{
	max-width:100%;
}

.index_gkcont dl{overflow: hidden;}
.index_gkcont dt{float: left;width: 46.4%; text-align: center;}
.index_gkcont dd{float: right;width: 53%;}
.index_gktop{padding: 30px 0px; color: #000;width:520px;  overflow: hidden; margin-bottom: 0px;}
.index_gktop h2 img{ width:80px; float: left;}
.index_gktop h2{line-height: 1.1em;margin-bottom: 5px;}
.index_gktop h2 a{ font-size: 38px; font-weight: bold; color: #c30d1a !important; float: left; padding-top: 30px;}
.index_gktop_re{width: 125px; float: right; position: relative; margin-left: -125px;z-index: 9;}
.index_gktop_le{width: 100%; float: left;}

.jin5{ width: 33%; float: left; text-align: center;}
.jin5 img{ max-width: 90%;}
.jin5 p{ line-height: 30px; }
.jin5 p a{font-size: 18px;
    font-weight: bold;
    color: #c30d1a !important;}

    

.index_gk_intr .index_gk_p strong{ padding-right: 10px; font-weight: 600;font-size: 18px;}
.index_gk_intr .index_gk_p p{ font-size: 15px; line-height: 1.5rem; margin-bottom: 5px;}

.index_gk_intr{margin-bottom: 30px;}
.index_gk_intr h3{color: #000; font-weight: bold; margin-bottom: 15px;}
.index_gk_intr .index_gk_p{ overflow: hidden;}
.gk_format ul{overflow: hidden;margin: 0px 0 0 -45px;}
.gk_format li{width: 50%; float: left;*margin-left: -1px;}
.gk_format li .index_gk_intr{margin: 0 45px;}
.gmc_left1{ margin: 0px !important; width: 100%;}

.index_more01{margin-top: 30px;}
.index_more01 a{display: inline-block;width: 28px; height: 28px; background: url(../images/index_more1.png) no-repeat center center;}
.index_more01 a:hover{background: url(../images/index_more1_on.png) no-repeat center center;}

.block_03{position: relative; width: 100%; overflow: hidden;}


.index_gkcont{
	display: none;
}








@media screen and (max-width: 1200px){
	.index_video video{
		width: 70%;
		max-width: 100%;
	}
	.index_video {
	    padding-top: 221px;
	}
	.topnav .right>ul>li{
		width: 90px;
	}
	.topnav .right>ul>li>ol{
		left: -19px
	}
	.index_gkcont dt img{
	max-width: 100%;
}

.gmc_w_cp{ overflow: hidden;}
.gmc_w_cp li{ float: left; width: 50%; margin-bottom: 20px; text-align: center;}
.gmc_w_cp li img{ max-width:90%;}
.gmc_w_cp li h3{ line-height: 30px;}
.block_02{padding-top:250px}

.yunu-showcase-info{ width: 100% !important;}
.yunu-infocontent-body img{ max-width: 100% !important;}
.container{ width: 100% !important;}
}


@media screen and (max-width: 992px){
	.index_video{
		padding-top: 188px;
	}
	.topnav .right>ul>li {
	    width: 66px;
	}


}

@media screen and (max-width: 768px){
	.index_video {
    padding-top: 29%;
    padding-bottom: 3%;
}
.topnav{
	display: none;
}
.topnav_bg{
	display: block;
	position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}
body{
	padding-top: 60px;
}

.block_02 .left{
	float: none;
	width: 100%;
}
.block_02 .right .index_gk{
	margin-left: 0;
}
.index_gkcont dt{
	float: none;
	width: 100%;
	text-align: center;
}
.index_gkcont dt img{
	width: 60%;
	display: block;
	margin: auto;
}
.index_gkcont dd{
	float: none;
	width: 100%;
}
.index_gktop h2{
	font-size: 30px;
}
.index_gktop{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	height: auto;
	min-height: 1px;
}
.fnt_36{
	zoom: 1;
	overflow: hidden;
	font-size: 20px;
}
.block_02 .left li{
	float: left;
	width: 33.333%;
	text-align: center;
}
.block_02 .left a{
	font-size: 22px;
	display: block;
	line-height: 44px;
}

.menu{
	position: static;
	display: block;
}

.menu .center{
	width: 100%;
	display: block;
}
.menu .ul-list{
	display: block;
	background: #ba1116;
}
.menu .ul-list > li > a{
	display: block;
	width: 100%;
	line-height: 40px;
	font-size: 15px;
	height: 40px;
	text-align: left;
	padding: 0px 10px;
}
.menu .ol-list{
	position: static;
}
.menu .ul-list > li .ol-list > li > a{
	font-size: 13px;
	background: none;
	text-align: left;
	padding-left: 20px;
	height: 39px;
	line-height: 34px;
	text-align: left !important;
	display: block;
}
.menu .ul-list > li > a{
	display: inline-block;
	width: auto;
}
}



@media screen and (max-width: 450px){
	.index_video {
    padding-top: 33%;
    padding-bottom: 3%;
}
}